<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <script src="js/jquery-2.2.4.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/daping.css">
	</head>
	<body>
<div class="container">
    <div class="row">
        <div class="back general">
            <ul>
                <li class="_1"></li>
                <li class="_2"></li>
                <li class="_3"></li>
            </ul>
        </div>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active carousel1">
      <p>沸腾主义总工程进度</p>
      <div class="containers"> 
		<div id="bar" style="width:0%;"></div>  
      </div>  
      <span id="total"></span> 
    </div>
    <div class="item carousel2">
                    <p>沸腾主义工作进度</p>
                    <ul class="work">
                        <li>总工程：</li>
                        <li>
                            <canvas id="d1" width="100" height="100"></canvas>
                        </li>
                        <li>已完成：</li>
                        <li>
                            <canvas id="d2" width="100" heihgt="100"></canvas>
                        </li>
                        <li>部门：</li>
                        <li></li>
                    </ul>
                    <table border="0" cellspacing="0">
                        <tr class="assign">
                            <td>任务</td>
                            <td>负责人</td>
                            <td>执行人</td>
                            <td>时间</td>
                            <td>完成情况</td>
                        </tr>
                    </table>
            <div id="demo">
                <div id="demo1">
                    <table border="0" cellspacing="0">
                        <tbody class="detail">
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>李白</td>
                                <td>杜甫</td>
                                <td>2016-8-23</td>
                                <td>优秀完成</td>
                            </tr>
                        </tbody>
                      
                    </table> 
                   </div>
                   <div id="demo2">
                   </div>
               </div>         
    </div>
    <div class="item carousel3">
      <p>沸腾主义工作倒计时</p>
        <b>
         <img src="img/22-04.png" alt="倒计时">
         <span>15</span>
         <i>天</i>
        </b>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
<div>	
<div>
<script src="js/daping.js"></script>
</body>
</html>
